<template>
  <ul>
    <router-link to="/films/hot" custom v-slot="{ navigate, isActive }">
      <li @click="navigate" :class="isActive ? 'huhunactive' : ''">正在热映</li>
    </router-link>
    <router-link to="/films/soon" custom v-slot="{ navigate, isActive }">
      <li @click="navigate" :class="isActive ? 'huhunactive' : ''">即将上映</li>
    </router-link>
  </ul>
</template>
<style lang="scss" scoped>
ul{
  display: flex;
  li{
    flex:1;
    text-align: center;
  }
}
.huhunactive {
  color: red;
}
</style>
